<template>
    <div class="goods">
        <div  v-for="(item,index) of goods" :key="index" >
            <div class="app__img">
                <Img :imgSrc="'https://img.yzcdn.cn/vant/cat.jpeg'" />
            </div>
            <GoodList :goods="item" />
        </div>

    </div>
</template>

<script>
import GoodList from "./good-list";
import Img from "../Img"

export default {
    name: "",
    props: {
        goods: {
            type: Array
        }
    },
    methods: {
    },
    components: { GoodList,Img },
    mounted() {
    },
    updated() {

    }
};
</script>

<style scoped>
.app__img {
    /* width: 100%; */
    height: 150px;
    /* margin: 0 10px; */
    /* padding: 0 10px; */
    margin: 10px 0;
}
</style>
